<template>
	<fab-nav-bar background="none" title="常见问题" back-url="/pages/personal/index"></fab-nav-bar>
	<view class="content">
		<view class="faq-ipt">
			<view class="faq-uni-input" @click="goTo('/pages/personal/faq/search')">
				<uni-icons type="search" size="20" color="RGBA(189, 189, 189, 1)"></uni-icons>
				<view class="faq-uni-text">搜一搜常见问题</view>
			</view>
		</view>
		<!-- <view class="faq-box-1">
			<view class="faq-item">
				<image :src="$imgUrl + '/personal/invoice-icon.png'" class="old_img"></image>
				<view>申请开票</view>
			</view>
			<view class="faq-item" @click="goTo('/pages/personal/worktickets/serviceList')">
				<image :src="$imgUrl + '/personal/service-icon.png'" class="old_img"></image>
				<view>维修报修</view>
			</view>
			<view class="faq-item" @click="goTo('/pages/personal/bills/billList')">
				<image :src="$imgUrl + '/personal/pay-icon.png'" class="old_img"></image>
				<view>支付租金</view>
			</view>
			<view class="faq-item" @click="goTo('/pages/personal/contract/contractList?flag=true')">
				<image :src="$imgUrl + '/personal/contract-icon.png'" class="old_img"></image>
				<view>查看合同</view>
			</view>
		</view> -->
		<old-faq></old-faq>
	</view>
</template>

<script lang="ts" setup>
	import fabNavBar from '@/components/fab-nav-bar/index.vue'
	import oldFaq from '@/pages/personal/faq/old_index.vue'
	
	const goTo = (url)=>{
		uni.navigateTo({
			url: url
		})
	}
</script>
<style>
	page{
		height: 100%;
		background: linear-gradient(90deg, rgba(252,210,102,0.4) 0%, rgba(254,145,105,0.25) 100%) no-repeat rgba(245, 245, 245, 1);
		background-size: 100% 290rpx;
	}
</style>
<style scoped lang="scss">
	.content{
		margin: 0 32rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.faq-box-1{
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		width: 100%;
		/* align-items: center; */
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 18rpx 0;
	}
	.faq-item{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 20rpx;
	}
	.old_img{
		width: 56rpx;
		height: 56rpx;
		margin-bottom: 10rpx;
	}
	.faq-ipt{
		margin-top: 70rpx;
		margin-bottom: 40rpx;
		.faq-uni-input{
			height: 88rpx;
			line-height: 88rpx;
			background: #FFFFFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			padding: 0 80rpx;
			color: rgba(170, 170, 170, 1);
			position: relative;
			display: flex;
			align-items: center;
			.faq-uni-text{
				margin-left: 50rpx;
				font-size: 30rpx;
				color: rgba(170, 170, 170, 1);
			}
		}
	}
</style>